<template>
    <div class="activity-page"> 
        <div class="search-box">
            <van-search placeholder="请输入搜索关键词" v-model="searchValue" />
        </div>
        <div class="height:100%">
            <van-tabs v-model="activeName">
            <van-tab title="最近活动" name="a">
                <div class="content-box">
                    <act-list></act-list>
                    <act-list></act-list>
                    <act-list></act-list>
                </div> 
            </van-tab>
            <van-tab title="往期活动" name="b">
                <div class="content-box">
                    <act-list></act-list> 
                </div> 
            </van-tab> 
        </van-tabs>
        </div>
        
    </div>
</template>

<script>
import actList from './../tpl/actList'
export default {
    data(){
        return{
            searchValue:'',
            activeName:'a',
            bannerImg: [
                'https://img.yzcdn.cn/2.jpg',
                'https://img1.360buyimg.com/da/jfs/t19228/211/989392426/88793/7db97c49/5ab8af5cN6e2a5a56.jpg'
            ], //轮播图  
            prdData:[
                {
                    brand:"TCL",
                    wareName:"tcl 大3匹 智能 变频 冷暖",
                    imageUrl : "https://img.yzcdn.cn/vant/cat.jpeg", 
                },
                {
                    brand:"TCL",
                    wareName:"tcl 大3匹 智能 变频 冷暖",
                    imageUrl : "https://img.yzcdn.cn/vant/cat.jpeg", 
                }
            ]
        }
    },
    created(){
    
    },
    methods:{
        
    }, 
    components:{ 
        actList
    }

}
</script>


<style scoped lang="scss">
.activity-page{
    padding-top:54px; 
    .search-box{
        width:100%;
        position: fixed;
        top:0;
        z-index: 100;
    }  
    .content-box{
        height:100%;
        width:100%;
    }
}
</style>
